<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>学生管理系统</title>

  <link rel="stylesheet" href="../static/CSS/init.css">

  <link rel="stylesheet" href="../static/lib/layui/css/layui.css">

  <link rel="stylesheet" href="../static/CSS/base.css">

  <link rel="stylesheet" href="./CSS/admin.css">







</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header ">
      <div class="layui-logo layui-hide-xs layui-bg-black"></div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->

      <ul class="layui-nav layui-layout-right ">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-nav-img">
            <div class="text-avater">A</div>
            <span class="acc-aid">用户名</span>
          </a>
          <dl class="layui-nav-child">
            <!-- <dd><a href="">个人信息</a></dd> -->
            <!-- <dd><a href="">更改密码</a></dd> -->
            <!-- <dd><a href="">更换头像</a></dd> -->
            <dd><a href="" id="id-layui-nav-rig-quit">退出</a></dd>

          </dl>
        </li>
      </ul>
    </div>



    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree " lay-shrink="all" lay-filter="test">

          <li class="layui-nav-item avater-box">

            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-nav-img avater">
            <div class="text-avater">A</div>
            欢迎<span class="acc-aid">用户</span>

          </li>

          <li class="layui-nav-item layui-nav-itemed">
            <a class="" href="javascript:;">首页</a>
          </li>

          <li class="layui-nav-item layui-nav-itemed">
            <a href="javascript:;">用户管理</a>
            <dl class="layui-nav-child ">
              <dd><a href="javascript:;" target="main-fm" class="layui-this" id="admin-side-acc-manage-teacher">教师</a>
              </dd>
              <dd><a href="javascript:;" id="admin-side-acc-manage-student">学生</a></dd>
            </dl>
          </li>

          <li class="layui-nav-item"><a href="javascript:;" id="admin-side-acc-manage-course">课程管理</a></li>


          <li class="layui-nav-item"><a href="javascript:;">个人中心</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">个人信息</a></dd>
              <dd><a href="javascript:;" id="admin-side-acc-manage-pwdchange">更改密码</a></dd>
            </dl>
          </li>


        </ul>
      </div>
    </div>

    <div class="layui-body" id="main-layui-body">



      <!-- 内容主体区域 -->
      <div class="layui-body-teacher " id="">
        <!-- 用户管理 -- 教师 -->
        <!-- 需要被渲染的用户管理教师卡片 -->
        <!-- 教师部分的选项卡 -->
        <div class="layui-tab layui-tab-brief layui-body-teacher-tab" lay-filter="layui-filter-body-teacher-tab">
          <ul class="layui-tab-title">
            <li class="layui-this">教师卡片</li>
            <li>教师名单</li>
            <li>职称统计</li>
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
              <!-- 教师卡片 -->
              <div class="layui-body-teacher-card"></div>

            </div>
            <div class="layui-tab-item">
              <!-- 教师名单表格 -->
              <table id="body-teacher-tab-table" lay-filter="filter-body-teacher-tab-table"></table>
            </div>

            <div class="layui-tab-item">
              <!-- 教师名单表格 -->
              <table id="id-body-teacher-tab-rid-table" lay-filter="filter-body-teacher-tab-rid-table"></table>
            </div>

          </div>
        </div>

        <!-- 点击教师卡片后的详情 -->
        <div class="layui-body-teacher-details">

          <div class="layui-card teacher-details-card" tid="">
            <div class="layui-card-header teacher-details-card-header">任教课程</div>
            <div class="layui-card-body teacher-details-card-body">
              <div class="layui-collapse">

              </div>
            </div>
          </div>



        </div>


      </div>


      <!-- teacher-tab-add添加 -->
      <div class="body-teachcer-tab-table-add" id="id-body-teachcer-tab-table-add">
        <h2>用户信息</h2>
        <form class="layui-form" id="id-body-teachcer-tab-table-add-form" action="#">
          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="aid" required lay-verify="required" placeholder="id" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="tname" required lay-verify="required" placeholder="姓名" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="tage" required lay-verify="required|number" placeholder="年龄" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="tsalary" required lay-verify="required|number" placeholder="工资"
                autocomplete="off" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <select name="rid" lay-verify="required">
                <option value=""></option>
              </select>
            </div>
          </div>


          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="radio" name="tsex" value="1" title="男">
              <input type="radio" name="tsex" value="0" title="女" checked>
            </div>
          </div>

          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>

      </div>

      <!-- teacher-table-rid-add -->
      <div class="body-teacher-tab-table-rid-add" id="id-body-teacher-tab-table-rid-add">
        <h2>新职称信息</h2>
        <form class="layui-form" id="id-body-teachcer-tab-table-rid-add-form" action="#">
          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="rid" required lay-verify="required" placeholder="id" autocomplete="off"
                class="layui-input">
            </div>
          </div>



          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="rname" required lay-verify="required" placeholder="职称名" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="rpiece" required lay-verify="required" placeholder="提成基数" autocomplete="off"
                class="layui-input">
            </div>
          </div>





          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>
      </div>

      <!-- 学生选项卡 -->
      <div class="layui-body-stud" id="id-layui-body-stud">

        <div class="layui-tab  layui-admin-body-stud-tab layui-tab-brief" lay-filter="layui-filter-body-stud-tab"
          id="id-layui-admin-body-stud-tab">
          <ul class="layui-tab-title">
            <li class="layui-this">学生卡片</li>
            <li>学生详情</li>
          </ul>
          <!-- 选项卡主体部分 -->
          <div class="layui-tab-content">

            <div class="layui-tab-item layui-show" id="admin-body-stud-tab-Card">
              <!-- 学生卡片部分 -->
            </div>
            <div class="layui-tab-item layui-show" id="admin-body-stud-tab-List">
              <!-- 学生列表部分 -->
              <table id="id-layui-body-stud-tab-List-table" lay-filter="filter-body-stud-tab-table"></table>

            </div>




          </div>
        </div>


        <!-- 点击学生后的详情 -->
        <div class="layui-body-stud-details" id="id-layui-body-stud-details">

          <div class="layui-tab layui-tab-brief" lay-filter="filter-layui-body-stud-details-tab">
            <ul class="layui-tab-title">
              <li class="layui-this">已选课程</li>
              <li>选课页面</li>
            </ul>
            <div class="layui-tab-content">

              <div class="layui-tab-item layui-show">

                <table id="id-layui-body-stud-details-table" lay-filter="stud-details-table"></table>

              </div>

              <div class="layui-tab-item ">


                  <!-- 学生选课页面 -->
                <table id="id-layui-body-stud-details-choose-Course-table" lay-filter="filter-stud-details-choose-Course-table"></table>



              </div>


            </div>

          </div>

        </div>


      <!-- </div> -->

      <!-- student-tab-add添加 -->
      <div class="body-stud-tab-table-add" id="id-body-stud-tab-table-add">
        <h2>用户信息</h2>
        <form class="layui-form" id="id-body-stud-tab-table-add-form" action="#">
          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="aid" required lay-verify="required" placeholder="id" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="sname" required lay-verify="required" placeholder="姓名" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="sage" required lay-verify="required|number" placeholder="年龄" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="radio" name="ssex" value="1" title="男">
              <input type="radio" name="ssex" value="0" title="女" checked>
            </div>
          </div>

          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>

      </div>

      </div>
      


      <!-- 课程管理 -->
      <div class="layui-body-course" id="id-layui-body-course">
        <table id="id-body-course-table" lay-filter="filter-body-course-table"></table>
      </div>


      <!-- course-tab-add添加 -->
      <div class="body-course-tab-table-add" id="id-body-course-tab-table-add">
        <h2>课程信息</h2>
        <form class="layui-form" id="id-body-course-tab-table-add-form" action="#">
          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="cid" required lay-verify="required" placeholder="课程编号" autocomplete="off"
                class="layui-input">
            </div>
          </div>



          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="cname" required lay-verify="required" placeholder="课程名称" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="credit" required lay-verify="required|number" placeholder="学分" autocomplete="off"
                class="layui-input">
            </div>
          </div>

          <div class="layui-form-item layui-row ">
            <div class="layui-col-md10 layui-col-md-offset1">
              <input type="text" name="tid" required lay-verify="required" placeholder="任教老师" autocomplete="off"
                class="layui-input">
            </div>
          </div>



          <div class="layui-form-item layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
              <button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>

      </div>



      <!-- 个人信息 -->

      <!-- 更改密码 -->

      <div class="layui-body-personalCenter-pwd" id="id-layui-body-personalCenter-pwd">

        <div class="layui-container">
          <div class="layui-row">

            <div class="layui-col-md4 layui-col-md-offset4">

              <div class="layui-card">

                <div class="layui-card-header">修改密码</div>
                <div class="layui-card-body">
                  <form class="layui-form" id="id-layui-body-personalCenter-pwd-form" action="">

                    <div class="layui-form-item">
                      <input type="password" name="oldPwd" required lay-verify="required" placeholder="请输入旧密码"
                        autocomplete="off" class="layui-input">
                    </div>

                    <div class="layui-form-item">
                      <input type="password" name="newPwd" required lay-verify="required" placeholder="请输入新密码"
                        autocomplete="off" class="layui-input">
                    </div>

                    <div class="layui-form-item">
                      <input type="password" name="tmpPwd" required lay-verify="required" placeholder="确认密码"
                        autocomplete="off" class="layui-input">
                    </div>

                    <div class="layui-form-item pwd-change-btn">
                      <button class="layui-btn" lay-submit lay-filter="formDemo">修改</button>
                      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                  </form>
                </div>


              </div>
              <!-- rowend -->
            </div>

          </div>
        </div>


      </div>






    </div>
    <div class="layui-footer">
      底部固定区域
    </div>
  </div>

  <!-- 模板 -->

  <!-- 用户管理中的教师卡片 -->


  <script src="" type="text/html" id="tp-admin-side-acc-manage-teacher-card">

  <!-- <div class="teacher-col layui-row "> -->
  <!-- 教师卡片的单位 -->
  <div class=" layui-col-md3 ">
    <div class="layui-card admin-mg-teacher-card" id={{aid}}>
      <div class="layui-card-body">

        <div class="layui-row layui-col-space10 card-avater-box">
          <div class="layui-col-md4">

            {{if avater}}
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-body-card-img-avater">

            {{else if ! avater}}
            <div class="layui-body-card-text-avater">{{tname}}</div>
            {{/if}}

          </div>

          <div class="layui-col-md8">
            <div class="layui-row">
              <div class="user-name-box " id="user-name">
                <!-- 用户姓名 -->
                <span>{{tname}}</span>
              </div>
            </div>

            <div class="layui-row ">
              <div class="layui-col-md4">
                <span>工号:</span>
              </div>
              <div class="layui-col-md8">
                <span>{{aid}}</span>
              </div>
            </div>

            <div class="layui-row ">
              <div class="layui-col-md4">
                <span>工资:</span>
              </div>

              <div class="layui-col-md8">
                <span>{{tsalary}}</span>
              </div>

            </div>

            <div class="layui-row ">
              <div class="layui-col-md4">
                <span>职称:</span>
              </div>

              <div class="layui-col-md8">
                <span>{{rid}}</span>
              </div>
            </div>

          </div>
        </div>


      </div>
    </div>
  </div>

  <!-- </div> -->


  </script>

  <!-- 用户管理中的教师的详情页 -->


  <script type="text/html" id="template-teacher-details-card-body-collapse-item">

  <div class="layui-colla-item">
    <h2 class="layui-colla-title" cid="">{{cname}}</h2>
    <div class="layui-colla-content teacher-details-card-body-item-body ">
      <!-- 表格 -->
      <!-- ccccccccccccc -->
      <!-- <div id="main" style="width: 600px;height:400px;"></div> -->
      <table id="id-body-teacher-details-table" lay-filter="filter-body-teacher-details-table"></table>
      <div id="" class="sub-echerts"></div>
    </div>
  </div>
</script>



  <!-- 卡片详情工具栏自定义板子 -->
  <script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="visualize">可视化</a>
    
  </script>

  <script type="text/html" id="tool-tab-col-exit">
    <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="edit" >确认</a>
    <!-- <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="editDisabled">确认</a> -->
  </script>

  <script type="text/html" id="tool-col-exit">
  <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="edit" >确认</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="logout" >注销</a>
  <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="resetpaw" >重置密码</a>
  <!-- <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="editDisabled">确认</a> -->

</script>


  <script type="text/html" id="courselist-table-tool">
  <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="edit" >确认</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete" >删除</a>
  <!-- <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="editDisabled">确认</a> -->

</script>

<script type="text/html" id="choose-course-table-tool">
  <a class="layui-btn layui-btn-xs " lay-event="choosed" >选课</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger layui-btn-disabled" lay-event="unchoose" >退选</a>
  <!-- <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="editDisabled">确认</a> -->

</script>

  <!-- 卡片详情工具栏自定义板子 -->
  <script type="text/html" id="toolBar">

  <div class="layui-btn-container">
    <a class="layui-btn layui-btn-xs layui-btn-radius" lay-event="add" >添加</a>
  </div> 
  
</script>

  <script type="text/html" id="tool-col-exit">
<a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="edit" >确认</a>
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="logout" >注销</a>
<!-- <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="editDisabled">确认</a> -->

</script>


  <!-- 学生卡片 -->

  <!-- 学生卡片的单位 -->
  <script type="text/html" id="tp-admin-side-acc-manage-stud-card">
    <div class=" layui-col-md3 ">
      <div class="layui-card admin-mg-stud-card" id={{aid}}>
        <div class="layui-card-body">
  
          <div class="layui-row layui-col-space10 card-avater-box">
            <div class="layui-col-md4">
  
              {{if avater}}
              <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
                class="layui-body-card-img-avater">
  
              {{else if ! avater}}
              <div class="layui-body-card-text-avater">{{sname}}</div>
              {{/if}}
  
            </div>
  
            <div class="layui-col-md8">
              <div class="layui-row">
                <div class="user-name-box " id="user-name">
                  <!-- 用户姓名 -->
                  <span>{{sname}}</span>
                </div>
              </div>
  
              <div class="layui-row ">
                <div class="layui-col-md4">
                  <span>学号</span>
                </div>
                <div class="layui-col-md8">
                  <span>{{aid}}</span>
                </div>
              </div>
  
              <div class="layui-row ">
                <div class="layui-col-md4">
                  <span>性别:</span>
                </div>
  
                <div class="layui-col-md8">
                  <span>{{ ssex ? "男" : "女" }}</span>
                </div>
  
              </div>
  
              <div class="layui-row ">
                <div class="layui-col-md4">
                  <span>年龄:</span>
                </div>
  
                <div class="layui-col-md8">
                  <span>{{sage}}</span>
                </div>
              </div>
  
            </div>
          </div>
  
  
        </div>
      </div>
    </div>
  </script>





  <script src="../static/js/jQuery.js"></script>

  <script src="../static/lib/layui/layui.js"></script>

  <script src="../static/lib/template-web.js"></script>

  <script src="../static/lib/echarts.min.js"></script>

  <script src="../static/js/zbasejs.js"></script>

  <script src="./js/admin-echarts.js"></script>



  <script src="./js/MyTable.js"></script>

  <script src="./js/Account.js"></script>


  <script src="./js/MyUtils.js"></script>

  <script src="./js/teachers/teacherRidTable.js"></script>

  <script src="./js/MgTeacherCard.js"></script>

  <script src="./js/MyTeacherList.js"></script>

  <script src="./js/teachers/adminTeacher.js"></script>



  <script src="./js/stud/StudTab.js"></script>
  <script src="./js/stud/studCardDetails.js"></script>
  <script src="./js/stud/StudChooseCourse.js"></script>

  <script src="./js/stud/StudCard.js"></script>

  <script src="./js/stud/StudList.js"></script>

  <script src="./js/adminStudent.js"></script>


  <script src="./js/CourseList.js"></script>

  <script src="./js/pwdManage.js"></script>




  <script src="./js/admin.js"></script>






  <script>
    //JS 
    layui.use(['element', 'layer', 'util'], function () {
      var element = layui.element
        , layer = layui.layer
        , util = layui.util
        , $ = layui.$;

      //头部事件
      util.event('lay-header-event', {
        //左侧菜单事件
        menuLeft: function (othis) {
          layer.msg('展开左侧菜单的操作', { icon: 0 });
        }
        , menuRight: function () {
          layer.open({
            type: 1
            , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
            , area: ['260px', '100%']
            , offset: 'rt' //右上角
            , anim: 5
            , shadeClose: true
          });
        }
      });


      // element.on('tab(layui-filter-body-teacher-tab)', function (data) {

      //   console.log("tab(teaccher-card)");
      //   console.log(this); //当前Tab标题所在的原始DOM元素
      //   console.log(data.index); //得到当前Tab的所在下标
      //   console.log(data.elem); //得到当前的Tab大容器
      // });




    });
  </script>
</body>

</html>